<!DOCTYPE html PUBLIC '-//W3C//DTD Xhtml 1.0 Strict//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Radar</title>
		<link href='radar.css' type='text/css' rel='stylesheet' />
    </head>
    <body id='canw-body'>
        <div id='canw-header'>
            <h2 id='canw-name'></h2>
            <h3>Images provided by Environment Canada</h3>
        </div>
        <div id='canw-wrapper0' class='canw-wrapper'>
            <span id='canw-imageDate0' class='canw-imageMeta'></span>
            <img id='canw-image0' src='' height='480' width='580' alt='Image loading (0)...' />
        </div>
        <div id='canw-wrapper1' class='canw-wrapper'>
            <span id='canw-imageDate1' class='canw-imageMeta'></span>
            <img id='canw-image1' src='' height='480' width='580' alt='Image loading (1)...' />
        </div>
        <div id='canw-wrapper2' class='canw-wrapper'>
            <span id='canw-imageDate2' class='canw-imageMeta'></span>
            <img id='canw-image2' src='' height='480' width='580' alt='Image loading (2)...' />
        </div>
        <div id='canw-wrapper3' class='canw-wrapper'>
            <span id='canw-imageDate3' class='canw-imageMeta'></span>
            <img id='canw-image3' src='' height='480' width='580' alt='Image loading (3)...' />
        </div>
        <div id='canw-wrapper4' class='canw-wrapper'>
            <span id='canw-imageDate4' class='canw-imageMeta'></span>
            <img id='canw-image4' src='' height='480' width='580' alt='Image loading (4)...' />
        </div>
        <div id='canw-wrapper5' class='canw-wrapper'>
            <span id='canw-imageDate5' class='canw-imageMeta'></span>
            <img id='canw-image5' src='' height='480' width='580' alt='Image loading (5)...' />
        </div>
        <div id='canw-wrapper6' class='canw-wrapper'>
            <span id='canw-imageDate6' class='canw-imageMeta'></span>
            <img id='canw-image6' src='' height='480' width='580' alt='Image loading (6)...' />
        </div>
        <div id='canw-overlays' class='canw-overlay'>
            <img id='canw-defaultCities' src='' height='480' width='480' alt='Overlay image loading...' />
        </div>
        <div id='canw-sidebar'>
            <input id='canw-buttonAnimate' type='button' value='Animate' />
            <fieldset id='canw-precip'>
                <legend>Precip</legend>
                <input id='canw-rain' type='radio' name='precip' value='rain' checked='true' />
                <label for='canw-rain' class='radioLabel'>Rain</label><br />
                <input id='canw-snow' type='radio' name='precip' value='snow' />
                <label for='canw-snow' class='radioLabel'>Snow</label><br />
                <input id='canw-buttonReload' type='button' value='Reload' /><br />
            </fieldset>
            <input id='canw-buttonOk' type='button' value='Exit' />
        </div>
    </body>
</html>